<template>
    <div>
        <div v-for="(item, index) in list" :key="index">
            Index is: {{ index }} -- Item is: {{ item }}
        </div>
    </div>
</template>

<script setup>
    import { reactive } from 'vue';
    const list = reactive(['HTML', 'CSS', 'JavaScript'])
</script>